<style type="text/css">
  td.fields { margin-top: 1em; line-height: 2; }
</style> 

$form

<p>&nbsp;</p>

The form demonstrates a custom 
<a href="$context/source-viewer.htm?filename=WEB-INF/classes/net/sf/clickclick/examples/control/RichTextArea.java">RichTextArea</a>
control using the 
<a target="blank" href="http://sourceforge.net/projects/tinymce/">TinyMCE</a>
JavaScript library. The control overrides the Field method <tt>getHeadElements()</tt> to include its 
JavaScript imports automatically:

<pre class="prettyprint" style="border: 1px solid #888888; overflow:auto; padding: 1em">
public List getHeadElements() {
    if (headElements == null) {
        headElements = super.getHeadElements();
        headElements.add(new JsImport("/tiny_mce/tiny_mce.js"));
    }

    ...

    return headElements;
} </pre>
